<!DOCTYPE html>
<meta charset="utf-8">
<html>
<head>
  <title>产品展示</title>
</head>
<include file="style"/>
<style type="text/css">

.content-div {
  font-size: 14px;
  color: #707070;
}

.product-div {
  margin-top: 50px;
}

.product-img {
  width: 94%;
  margin-left: auto;
  margin-right: auto;
}

</style>
<body style="background-color: #EFF5FF">

<include file="header"/>


<div id="content">

<div style="width: 100%; height: 38rem; background-image: url('{$banner}'); background-repeat: no-repeat; background-size: 100% 100%;">
</div>

<!-- 我们的产品 -->
  <div class="product-div">
    <div class="sub-title-div">
      <div class="sub-title-text">我们的产品</div>
      <div>
        <span class="text-line"></span>
        <span class="sub-title-text-eng">Our Product</span>
        <span class="text-line"></span>
      </div>
    </div>

    <div class="am-g" style="margin-top: 40px">
      <div class="am-u-lg-2">&nbsp;</div>
      <div class="am-u-lg-8">
        <ul class="am-avg-sm-2 am-avg-md-2 am-avg-lg-2 am-thumbnails">
          <?php
            foreach ($products as $key => $val) {
          ?>

          <li>
            <a href="{:U('Index/productPage?id='.$val['id'])}">
              <div>
                <img class="am-thumbnail product-img" src="{$val['images']}"/>
                <div style="width: 100%; font-size: 4rem; color: #000000; text-align: center;">{$val['title']}</div>
              </div>
              
            </a>
          </li>

          <?php
            }
          ?>
        
      </ul>
      </div>
      <div class="am-u-lg-2">&nbsp;</div>
    </div>    
  </div>

  
</div>

<include file="footer"/>
</body>

<script type="text/javascript">


</script>
</html>